window.onload = function () {
    // 登录注册的地方应该显示昵称
    // 获取昵称
    // 获取本地存储中的数据
    // localStorage.getItem(键)
    window.id = localStorage.getItem('id')
    // console.log(id);
    window.token = localStorage.getItem('token')

    sendAjax({
        url: 'http://localhost:8888/users/info',
        data: {
            id: id
        },
        headers: {
            authorization: token
        },
        success: res => {
            res = JSON.parse(res)
            console.log(res);
            if (res.code === 1) {
                var {
                    info: {
                        username
                    }
                } = res;
                // console.log(nickname);
                // 自定义拼接一个需要显示的内容
                var str = `
                欢迎您，<a href="#" class="user">${username}</a>
                <a href="javascript:;" class="logout" onclick="logouts()">退出</a>
                `
                document.querySelector('.userinfo').innerHTML = str
            }
        }
    })

}
// 定义退出函数
function logouts() {
    // 询问是否要退出
    layer.confirm('你确定要残忍离开吗？', {
            btn: ['当然', '再想想'] //按钮
        }, function () {
            // 点击了第一个按钮后要执行的代码
            // 退出操作
            sendAjax({
                url: 'http://localhost:8888/users/logout/' + id,
                success: res => {
                    res = JSON.parse(res)
                    var {
                        message,
                        code
                    } = res
                    if (code === 1) {
                        layer.alert(message, {
                            icon: 1,
                            time: 1500
                        }, function () {
                            // 注销成功跳转到首页
                            location.href = "03.home.html"


                            // 删除本地存储
                            localStorage.removeItem('id')
                            localStorage.removeItem('token')
                        })
                    }
                    // console.log(res);
                }
            })
        }
        /*, function(){
                // 点击了第二个按钮后要执行的代码

            }*/
    );
}



// 获取当前商品id
// 正则提取
var reg = /id=([1-9]\d*)/;
var arr = location.search.match(reg)
console.log(arr);
var goodSid = Number(arr[1])

console.log(goodSid);


// 获取所有商品数据
var ul = document.querySelector('.shang ul')
$.ajax({
    url: 'https://list.mogu.com/search',
    // 如果是jsonp请求，一定要传dataType，值必须是jsonp
    dataType: 'jsonp',
    data: {
        // callback: jQuery211011968344062945513_1634803109232
        _version: 8193,
        ratio: ' 3:4',
        cKey: 15,
        page: 1,
        sort: 'pop',
        ad: 0,
        fcid: 50273,
        action: 'clothing',
        acm: '3.mce.1_10_1pq6a.132494.0.7OS5bsMsvVFCn.pos_871-m_600133-sd_119',
        ptp: '31.v5mL0b.0.0.QeU0Pbw2',
        _: new Date()
    },
    success: res => {
        // console.log(res);

        var arr = res.result.wall.docs
        console.log(arr);

        // 从arr中筛选出当前的商品信息
        var odd = arr.find(v => v.cfav === goodSid)
        console.log(odd);

        // 渲染数据
        document.querySelector('.tu img').src = odd.img
        document.querySelector('.jie img').src = odd.img
        document.querySelector('.shu .title').innerText = odd.title
        document.querySelector('.shu .price').innerText = odd.price
        document.querySelector('.bigBox img').src = odd.img
    }
})

// 加入购物车
document.querySelector('.che').onclick = function () {
    // 检测用户是否登录
    var id = localStorage.getItem('id')
    var token = localStorage.getItem('token')
    // 如果没有登录
    if (!id) {
        layer.msg("请先登录", {
            icon: 2,
            time: 1500
        }, () => {
            // 设置本地存储的地址
            localStorage.setItem('url', location.href)
            location.href = "02.login.html"
        })
        return false
    }

    // 获取用户信息来判断用户是否登录
    promiseAjax({
        url: 'http://localhost:8888/users/info/' + id,
        headers: {
            authorization: token
        }
    }).then(res => {
        res = JSON.parse(res)
        console.log(res);

        // 获取用户id(分辨不同的用户)
        var userid = res.info.id
        // console.log(userid);
        // 已经登录了
        // 组合数据 放在本地存储中
        // 判断本地存储中是否存储过数据
        // 获取本地存储数据
        var data = localStorage.getItem('data')
        // console.log(data);
        // 判断本地存储中是否存储过数据
        if (data) {
            // 有数据
            // 将数据转成数组
            data = JSON.parse(data)
            // 判断本地存储中是否有这条商品的数据
            // 使用数组的find方法
            var obj = data.find(item => {
                return item.goodSid === goodSid && item.user === userid
            })
            if (obj) {
                // 找到了，就将当前的商品数据的 number+1 ，重新存入本地存储
                obj.number = obj.number - 0 + 1
                // 重新将data存储在本地存储中
                localStorage.setItem('data', JSON.stringify(data))
            } else {
                // 没有找到当前商品的信息，就将当前商品的信息 存在数组中
                data.push({
                    goodSid: goodSid,
                    number: 1,
                    user: userid
                })
                // 将新的数组放在 本地存储中
                localStorage.setItem('data', JSON.stringify(data))

            }
        } else {
            // 没有数据
            var arr = [{
                goodSid: goodSid,
                number: 1,
                user: userid
            }]
            // 存储
            localStorage.setItem('data', JSON.stringify(arr))
        }

        // 提示信息
        layer.msg('加入购物车成功', {
            icon: 1,
            time: 1500
        })


    })
}